﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>CASE</title>
		<%@ include file="/share/include.jsp" %>
		<!-- <script src="js/jquery.min.js"></script> -->
   		 <meta name="viewport" content="width=device-width, initial-scale=1">
		 <script type="application/x-javascript"> 
			addEventListener("load", function() { 
				setTimeout(hideURLbar, 0); 
			}, false); 
			function hideURLbar(){ 
				window.scrollTo(0,1); 
			} 
		</script>
	</head>
	<body>
		<!-- container -->
		<!-- header -->
		<div class="header">
			<%@ include file="/control/jsp/layout/header.jsp" %>
			<!-- /bottom-header -->
		</div>
		<!-- header -->
		<!--- top-nav -->
			<%@ include file="/control/jsp/layout/indexMenu.jsp" %>
		<!--- top-nav -->
		<div class="bottom-grids collections">
			<div class="container">
				<div class="col-md-9 bottom-grids-left" style="width: 100%;padding: 0;">
					<div class="f-products">
						<div class="sreen-gallery-cursual">
						       <div id="owl-demo" class="owl-carousel text-center">
						       		<c:if test="${not empty pageView.records }">
						       			<c:forEach items="${pageView.records }" var="cases">
						       				<div class="item" style="height: 350px;">
							                	<div onClick="location.href='${root }/control/layoutController/displayCaseDetail.do?caseId=${cases.caseId }&${cityValue }';" class="product-grid">
													<div class="product-pic">
														<c:if test="${not empty cases and not empty cases.picList }">
									  						<c:forEach items="${cases.picList }" var="pic" begin="0" end="0">
									  							<img src="${imageService }${pic.picPath}" title="${fn:escapeXml(cases.caseTitle) }" alt="${fn:escapeXml(cases.caseTitle) }"  style="height: 200px;width: 206px;"  />
									  						</c:forEach>
									  					</c:if>
									  					<c:if test="${empty cases or empty cases.picList }">
									  						<img src="${imageService }${cases.caseTitle}" title="${fn:escapeXml(cases.caseTitle) }" alt="${fn:escapeXml(cases.caseTitle) }"  style="height: 200px;width: 206px;"  />
									  					</c:if>
													</div>
													<div class="product-pic-info">
														<h3><a href="#" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 200px;height: 28px;font-weight: 700;display: block;">${fn:escapeXml(cases.caseTitle) }</a></h3>
														<h4><a href="#">${fn:escapeXml(cases.caseArea)}㎡</a></h4>
														<h4><a href="#">${fn:escapeXml(cases.caseHouseType)}</a></h4>
														<div class="product-pic-info-price-cart">
															<div class="product-pic-info-price">
																<span>$ ${cases.casePrice}</span>
															</div>
															<div class="product-pic-info-cart">
															</div>
															<div class="clearfix"> </div>
														</div>
													</div>
												</div>
							                </div>
						       			</c:forEach>
						       		</c:if>
				              </div>
				              <c:if test="${empty pageView.records }">
								No case information
							</c:if>
						<!--//sreen-gallery-cursual---->
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<!--page-->
			<c:if test="${not empty pageView.records }">
			 <%@ include file="/share/pageOne.jsp" %>
			</c:if>
			<!--end page-->
		</div>
		<!-- bottom-grids -->
		<!-- footer -->
		<%@ include file="/control/jsp/layout/footer.jsp" %>
</body>
</html>

